<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>成绩录入</title>
<!-- 引入easyui 的主题样式  和  easyui 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入jquery 和  easyui.js   中文设置js-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function() {

		//成绩录入界面展示
		$('#as').datagrid({
			url : 'showScore',
			rownumbers : true,
			fitColumns : true,
			columns : [ [ {
				field : 'ck',
				checkbox : true,
				width : 100,
				align : 'center'
			}, {
				field : 'sname',
				title : '学生姓名',
				width : 100,
				align : 'center'
			}, {
				field : 'sid',
				title : '学号',
				width : 100,
				align : 'center'
			}, {
				field : 'sdepart',
				title : '所属院系',
				width : 100,
				align : 'center'
			}, {
				field : 'cid',
				title : '课题编号',
				width : 100,
				align : 'center'
			}, {
				field : 'cname',
				title : '课题名',
				width : 100,
				align : 'center'
			}, {
				field : 'score',
				title : '成绩',
				width : 100,
				align : 'center'
			}, ] ],
			toolbar : [ '-', {
				text : '成绩录入',
				url : 'addScore',
				handler : function() {
					var selects = $('#as').datagrid('getSelections');
					if (selects.length == 1) {
						$('#win').window('open');
					} else if (selects.length == 0) {
						$.messager.alert('提示', '请选择课题再录入成绩');
					} else {
						$.messager.confirm('提示', '只能单行录入', function(r) {
							if (r) {
								$('#as').datagrid('uncheckAll');
							}
						});
					}
				}
			}, '-' ],
		});
		$('#win').window({
			closed : true,
			title : '成绩录入',
			width : 500,
			height : 200,
			modal : true,
			draggable : false,
			closable : true,
			maximizable : false,
			minimizable : false,
			collapsible : false,
			resizable : false
		});
		//提交成绩按钮
		$('#btn').linkbutton({
			onClick : function() {
				var b = $('#as').datagrid('getChecked');
				var sid = b[0].sid;
				var newScore = $('#in').val();
				
				if (newScore.length>=3) {
					$.messager.alert('提示', '成绩不能超过100分，请重新输入');
				} 
				else {
					$.ajax({
						url : 'addScore',
						data : {
							'sid' : sid,
							'score' : newScore
						},
						dataType : 'json',
						type : 'post',
						success : function(data) {
							if (data == 1) {
								$.messager.show({
									title : '提示信息',
									msg : '成绩录入成功！',
									timeout : 3000,
									showType : 'fade'
								});

							} else if (data == 2) {
								$.messager.show({
									title : '提示信息',
									msg : '录入失败！',
									timeout : 3000,
									showType : 'fade'
								});
							} else if (data == 0) {
								$.messager.show({
									title : '提示信息',
									msg : '请在规定时间内进行成绩录入！',
									timeout : 3000,
									showType : 'fade'
								});
							}
							$('#in').textbox('clear');
							$('#as').datagrid('reload');
						}
					})
					$('#win').window('close');
				}
			}
		});
		//取消按钮
		$('#bt').linkbutton({
			onClick : function() {
				$('#in').numberbox('clear');
				$('#win').window('close');
			}
		});
	})
</script>
<body>
	<!-- 成绩录入界面 -->
	<table id="as"></table>

	<!-- 成绩录入弹窗 -->
	<div id="win" >
	   <div style="margin-top: 50px;margin-left: 90px">
	<input id="in" type="text" style="width: 200px; hight: 50px;" class="easyui-numberbox" data-options="min:0,max:100"></input> 
		 <a id="btn"  class="easyui-button">提交成绩</a>
		 <a id="bt"  class="easyui-button">取消</a>
		 </div>
	</div>

</body>
</html>